100 种不错的免费工具和资源
免费很重要。好用就更重要了。
这里是一些免费的，且很出色的工具资源。
1. Tabler Icons
免费和开源的图标，设计时注重细节，使您的设计脱颖而出。
2. Remove bg
移除图片背景：100% 自动 — — 在 5 秒内，无需点击，免费。
3. Dev Resources
一个供开发人员使用的协作资源列表，以策划的类别呈现。
4. Blender
免费和开放的 3D 创作软件。
5. Free Code Tools
免费的 SEO 和代码工具集。
6. Coolors
为您的设计生成或浏览美丽的颜色组合。
7. loading.io
用 SVG / CSS / GIF / PNG 建立您的 Ajax 加载图标、动画文本和更多的东西。
8. DevSamples
DevSamples 是一个代码样本的列表，供您根据需要复制和粘贴到您的项目中。主要是 Web 开发，但也有各种语言的样本。
链接：https://www.devsamples.com/
9. Lorem Picsum
就是您知道的 Lorem Ipsum，但用于照片。
10. Netlify
用 Netlify 部署现代静态网站。获得 CDN、持续部署、一键式 HTTPS 和所有您需要的服务。免费开始使用。
11. Pxfuel
数以百万计的公共领域的图片，所有的商业用途都是免费的。
12. Font Awesome
世界上最受欢迎和最容易使用的图标集刚刚得到升级。有更多的图标、更多风格、更多选项。
13. GTmetrix
GTmetrix 是一个免费的工具，可以分析您的页面的速度性能。使用 PageSpeed 和 YSlow，GTmetrix 为您的页面生成分数，并提供关于如何改进的可行建议。
14. Resume.com
最好的免费简历生成器。您可以可以建立一个专业的简历，突出您最好的品质，这样您就可以在没有任何支出的情况下找到梦想的工作。申请工作不应该花钱。
15. daily.dev
daily.dev 是保持了解最新的编程新闻的最简单方法。它是一个由庞大的开发者社区排名的文章 feed。从顶级科技出版物中获取您想要的任何主题的最佳内容。一体化的浏览器扩展。
16. DevDocs
为开发者提供快速、离线和免费的文档浏览器。在一个网络应用中搜索 100 多个文档。HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++ … 等等。
17. Feather Icons
Feather 是一个简单漂亮的开源图标集合。每个图标都是在 24×24 的网格上设计的，强调简单性、一致性和可读性。
18. shortcode.dev
一组有用的片段和代码示例。元素、属性和选择器。
19. Canva
与您的团队一起创造美丽的设计。使用 Canva 的拖放功能和布局来设计、分享和打印名片、标识、演示文稿和更多。
20. Mockuper.net
mockuper，免费的模型生成器，用于创建自定义图像，以展示您的精彩作品。
21. CSS Nectar
CSS Nectar 是一个为网页设计师和开发人员提供的 css 网站设计展示平台。每天都会选择最好的网页设计并更新进去。
22. BGJar
为您的网站、博客和应用程序提供免费的 svg 背景生成器。
23. Photopea
Photopea 在线照片编辑器让您编辑照片，应用效果，过滤器，添加文本，裁剪或调整图片大小。在您的浏览器中免费进行在线照片编辑。
24. Vercel
以最佳的前端开发者体验和最高的终端用户性能部署您的项目。
25. Fun-javascript-projects
以实用的、基于项目的方式免费学习 Javascript。
链接：https://fun-javascript-projects.com/
26. Flaticon
3743500 + 免费的 SVG、PSD、PNG、EPS 格式的矢量图标，或作为 ICON FONT。最大的免费矢量图标数据库。
27. Awesome Python
一个精心策划的超棒的 Python 框架、库和软件的列表。
链接：https://awesome-python.com/
28. CSS Reference
CSS Reference 是一个免费的 CSS 视觉指南。它以最流行的属性为特色，并以图文并茂的例子来解释它们。
29. Sidebar.io
每天五个最好的设计资源，每个工作日都有。
30. Grid by Example
您在学习 CSS 网格布局时需要的一切。
31. Heroicons
漂亮的手工制作的 SVG 图标，来自 Tailwind CSS 的制作者。
32. Latency
免费的全球延迟性能测试工具。
33. We Work Remotely
设计、编程、营销等方面的远程工作。
链接：https://weworkremotely.com/
34. Unsplash
漂亮的免费图片和照片，您可以下载并用于任何项目。质量比其他同类库存更高。
35. Simple Icons
1400 多个流行品牌的免费 SVG 图标。
36. CSS Stats
CSS Stats 为您的样式表提供分析和可视化。
37. Squoosh.app
用不同的编解码器压缩和比较图像，就在您的浏览器中。
38. Fast design
用于现代网络体验的自适应界面系统。
39. UI Garage
为设计师、开发者提供新的 UI 灵感和模式，为您的项目寻找灵感、工具和最佳资源。
40. unDraw
具有开源插图的设计项目，适用于您能想象和创造的任何想法。用您喜欢的颜色创建美丽的网站、产品和应用程序，免费的。
41. Figma
作为一个团队打造更好的产品。使用 Figma 在一个地方进行设计、制作原型和收集反馈。
42. Hashnode
Hashnode 是一个免费的内容创作平台和社区，允许您在自己的领域发布文章，并帮助您与一个不断增长的开发者社区保持联系。
43. FreeCSS
Free CSS 有 3133 个免费网站模板，所有模板都是免费的开源模板或创意共享模板。
44. DrawKit
免费的矢量 SVG 插图，供您在下一个项目中使用，不需要署名。
45. Public APIs
为开发者提供的 1000 多个免费开放的 REST APIs 列表，如电影 API、动漫 API、天气 API、音乐 API、游戏和漫画 API、货币 API、体育 API、科学 API、开放数据 API 等。
46. CSS.gg
纯粹的 CSS 图标库，可定制和 Retina-Ready，100% 由纯 CSS、SVG、SVG Sprite、styled-components、Figma 和 Adobe XD 构建。易于集成：嵌入、NPM 和 API。
47. Jr.DevJobs
初级开发人员的工作机会。
48. Notion
一个新的工具，将您的日常工作应用融为一体。它是您和您的团队的多合一工作空间。
49. Compresspng.com
PNG 压缩和优化工具，将 PNG 图像压缩成支持透明度的 PNG-8 格式。
50. Compressor.io
在线优化和压缩 JPEG、PNG、SVG、GIF 和 WEBP 图像。免费压缩、调整大小和重命名您的照片。
51. Caniuse.com
提供最新的浏览器支持 tables，以支持桌面和移动网络浏览器上的前端网络技术。
52. Javascript.info
现代 JavaScript 教程：简单但详细的解释，并附有例子和任务，包括：闭包、文档和事件、面向对象编程等。
53. Inovatik
下载为方便定制的 HTML 模板，为您的在线项目提供动力。
54. 免费提供给开发者
一个软件（SaaS、PaaS、IaaS 等）和其他产品的列表。
55. Stormkit
Stormkit 是一个现代 javascript 应用的基础设施提供商，它与流行的 Git 提供商紧密结合。
56. PythonAnywhere
在云中托管、运行和编码 Python。
链接：https://www.pythonanywhere.com/
57. Regex101
在线正则表达式测试工具，调试器，带高亮显示，适用于 PHP、PCRE、Python、Golang 和 JavaScript。
58. Quant-UX
设计、测试和学习于一体的工具 Quant-UX 的低代码功能允许将原型转换为生产系统。
59. Glitch
简单、强大、免费的工具，创建和使用数以百万计的应用程序。
60. Frontend Mentor
通过建立真正的项目来提高您的前端技能。解决真实世界的 HTML、CSS 和 JavaScript 挑战，同时按照专业的设计工作。
链接：https://www.frontendmentor.io/
61. Smashing Magazine
为网页设计者和开发者服务。
链接：https://www.smashingmagazine.com/
62. FontPair
Font Pair 帮助设计师将谷歌字体进行组合和匹配。
63. Codewars
Codewars 是开发人员进行挑战的地方。通过训练发挥您的最大潜力。
64. Westryve
找到 PHP, Laravel, HTML & CCS, Python, .NET 等社区。
65. Remote.co
远程工作：工作、公司和虚拟团队。
66. Web.dev
通过 web.dev 的有用指导和分析，在您自己的网站和应用程序上获得现代功能。
67. BundlePhobia
Bundlephobia 帮助您发现在前端 bundle 中添加 npm 包的性能影响。
68. Scrimba.com
Scrimba 是一种有趣的、快速的学习代码的方式。有互动课程和教程教您如何学习 React、Vue、Angular、JavaScript、HTML、CSS 等。
69. Dev.to
一个具有建设性和包容性的社交网络。开源和彻底的透明。
70. Heroku
Heroku 是一个平台即服务（PaaS），使开发者能够完全在云中构建、运行和操作应用程序。
71. Animista.net
在这里您可以玩一组现成的 CSS 动画，调整它们，并只下载那些您将实际使用的。
72. HTTP Status Codes
包括定义、细节和有用的代码参考。
73. The Coding Interview
每天只需准备 5 分钟，练习破解编码面试的难题。
链接：https://www.thecodinginterview.com/
74. Learn-anything.xyz
搜索交互式思维导图来学习任何东西。
链接：https://learn-anything.xyz/
75. Responsively App
一个帮助更快、更精确地进行响应式 Web 开发的开发工具。
76. Colormind
一键生成色彩组合。Colormind 使用深度神经网络创建有凝聚力的色彩方案。
77. teachyourselfcode.io
通过精心策划的视频教程免费学习代码。
链接：https://teachyourselfcode.io/
78. Render
Render 是一个统一的平台，可以建立和运行您所有的应用程序和网站，具有免费的 SSL，全球 CDN，专用网络和自动部署的 Git。
79. Carbon.sh
Carbon 是创建和分享您的源代码的最简单方法。
80. Regex Pal
在线测试您的 Javascript 和 PCRE 正则表达式。
81. JSONLint
JSONLint 是 JSON 的免费在线验证器和重新格式化工具，JSON 是一种轻量级数据交换格式。
82. W3Layouts
免费网站模板设计。这里的网站模板都是响应式的，用 Bootstrap、HTML、CSS 和 JS 构建。
83. Freepik
数以百万计的免费图形资源。矢量图 ✓ 图库照片 ✓ PSD ✓ 图标 ✓ 您的创意项目所需的一切。
84. Mixkit
为您的视频项目提供免费的视频素材、音乐素材和 Premiere Pro 模板。
85. Unscreen
移除任何视频的背景 — — 100% 自动，在线且免费。
86. Avataaars Generator
一个免费的在线头像生成器，任何人都可以轻松地制作喜欢的个人头像。
87. Remix Icon
Remix Icon 是一套为设计师和开发者制作的开源中性风格图标。所有图标都可以免费用于个人和商业。
88. Ikonate
定制、调整和下载免费的矢量图标。Ikonate 是一套适应性强的优化 SVG 图标，可以在 Sketch 和 Photoshop 等开发和设计应用程序中轻松使用。可作为图像、内联 SVG 或 SVG 精灵使用。
99. Open Doodles
一个免费供个人和商业使用的人物素描图库。
链接：https://www.opendoodles.com/
90. Kite
使用 Kite 的人工智能自动完成插件，超过 16 种编程语言和 16 个 IDE，具有多行补全功能，使编码更快。100% 在本地工作。
91. Devhints
Web 开发速查表集合。
92. Wappalyzer
找出任何网站的技术栈。通过他们使用的技术创建网站和联系人的列表。
链接：https://www.wappalyzer.com/
93. Tailwind Components
Tailwind 图表、网格、输入、表格、模板及更多。
链接：https://tailwindcomponents.com/
94. Grammarly
有影响力的沟通。确保您所写的一切都以您的方式表达出来。使您的写作清晰而有吸引力。消除语法错误。轻松改善任何文本。
95. Wave
免费的发票和会计软件，具有信用卡处理和工资单服务。
96. Clockify
数百万人使用的时间跟踪软件。一个简单的时间跟踪器和时间表应用程序，让您跟踪不同项目的工作时间。
97. Untools
思考工具和框架的集合，以帮助您解决问题，作出决定和理解系统。
98. Free Logo Maker
免费在线应用，帮助您在几分钟内制作出一个定制的 logo。
链接：https://www.namecheap.com/logo-maker/
99. TinyPNG
压缩优化您的 PNG 和 JPEG 图像，让您的网站更快，节省带宽。
100. 1loc
最好的 JavaScript 单行代码。
⚪